<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=no">
    <meta name="referrer" content="origin">
    <title>日新网 - 专题详情</title>
    <link rel="stylesheet" href="__TMPL__Public/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="__TMPL__Public/assets/css/reset.css">
    <link rel="stylesheet" href="__TMPL__Public/assets/css/style.css">
    <script type="text/javascript" src="__TMPL__Public/assets/js/rem.js"></script>
</head>
<style>
    .carousel-inner .item {
        height: 3rem;

    }
    .carousel-inner .item img {
        width: 100%;
        height: 100%;
    }
    .tab_content h3 {
        font-size: .26rem;
        color: #000232;
        margin: 0 0 .2rem .3rem;
        padding-top: .3rem;
    }
    .questions_btm span:not(:last-child):after {
        content: "、";
    }
    .footer a:nth-child(2) span {
        color: #c8161d;
    }
    /*标签样式？*/
    .active_item .active_icon {
        position: absolute;
        top: -.14rem;
        left: .18rem;
        width: .3rem;
        height: .8rem;
        background-color: #c5c5c5;
        font-size: .20rem;
        line-height: .22rem;
        text-align: center;
        color: #fff;
        padding-top:.06rem;
    }
    .active_item .active {
        background-color: #e3252d;
    }
</style>
<body>
<!--主题头图-->
<div class="special_top">
    <img src="{:sp_get_asset_upload_path($subject_info['mobile_img'])}" alt="">
</div>
<!--专题描述-->
<div class="special_describe">
    <h3>{$subject_info['name']}</h3>
    <if condition="!empty($subject_info['policy'])">
        <div class="content">
            <div class="img_ground">
                <img src="{:sp_get_asset_upload_path($subject_info['icon'])}" alt="">
            </div>
            <p class="text">{$subject_info['policy']}</p>
        </div>
    </if>
</div>
<!--内部导航-->
<div class="special_nav">
    <if condition="!empty($lesson_subject_lists)">
        <a href="#tab1">专题课程</a>
    </if>
    <if condition="!empty($articles)">
        <a href="#tab2">相关文章</a>
    </if>
    <if condition="!empty($services)">
        <a href="#tab3">日新商脉</a>
    </if>
    <if condition="!empty($cases)">
        <a href="#tab4">行业案例</a>
    </if>
    <if condition="!empty($activitys)">
        <a href="#tab5">线下活动</a>
    </if>
</div>
<!--主要内容-->
<div class="major_content">
    <!--专题课程-->
    <if condition="!empty($lesson_subject_lists)">
        <h3 class="special_title" id="tab1">专题课程</h3>
        <div class="college">
            <volist name="lesson_subject_lists" id="vo">
                <div class="college_item">
                    <a href="{:U('Lesson/Lesson/lesson_list', ['subject_id' => $vo['id']])}">
                        <div class="img-ground">
                            <img src="{:sp_get_asset_upload_path($vo['subject_img'])}" alt="">
                        </div>
                    </a>
                    <div class="text">
                        <p class="title ellipsis2">{$vo.subject_name}</p>
                        <div class="text-btm">
                            <!--<img src="{:sp_get_user_avatar_url($vo['avatar'])}" alt="">-->
                            <!--<span class="name">{$vo.user_nicename}</span>-->
                        </div>
                    </div>
                </div>
            </volist>
        </div>
    </if>

    <!--相关文章-->
    <if condition="!empty($articles)">
        <h3 class="special_title" id="tab2">相关文章</h3>
        <div class="special_article">
            <volist name="articles" id="vo">
                <php>
                    $smeta = json_decode($vo['smeta'], true);
                </php>
                <a href="{:U('Portal/Article/article_info', ['id' => $vo['id']])}">
                    <div class="special_article_item clearfix">
                        <div class="img_ground">
                            <img src="{:sp_get_asset_upload_path($smeta['thumb'])}" alt="">
                        </div>
                        <div class="text">
                            <h3 class="ellipsis2">{$vo.post_title}</h3>
                            <div class="btm_icon clearfix">
                                <volist name="vo.label_names" id="vo_label_name">
                                    <span>{$vo_label_name}</span>
                                </volist>
                                <span class="timer">{:time_format($vo['post_date'])}</span>
                                <span class="name">{$vo.post_author_name}</span>
                            </div>
                        </div>
                    </div>
                </a>
            </volist>
        </div>
    </if>

    <!--日新商脉-->
    <if condition="!empty($services)">
        <h3 class="special_title" id="tab3">日新商脉</h3>
        <div class="special_pulse">
            <volist name="services" id="vo">
                <a href="{:U('Service/Index/service_info', ['id' => $vo['id']])}">
                    <div class="special_pulse_item clearfix">
                        <div class="img-ground">
                            <img src="{:sp_get_image_preview_url($vo['logo'])}" alt="">
                        </div>
                        <div class="text">
                            <p><span class="name">{$vo.company_name}</span><span class="step">{$vo['financing']['round']}</span></p>
                            <p class="text_content ellipsis2">{$vo.company_desc}</p>
                        </div>
                    </div>
                </a>
            </volist>
        </div>
    </if>

    <!--行业案例-->
    <if condition="!empty($cases)">
        <h3 class="special_title" id="tab4">行业案例</h3>
        <div class="special_article">
            <volist name="cases" id="vo">
                <php>
                    $smeta = json_decode($vo['smeta'], true);
                </php>
                <a href="{:U('Portal/Article/article_info', ['id' => $vo['id']])}">
                    <div class="special_article_item clearfix">
                        <div class="img_ground">
                            <img src="{:sp_get_asset_upload_path($smeta['thumb'])}" alt="">
                        </div>
                        <div class="text">
                            <h3 class="ellipsis2">{$vo.post_title}</h3>
                            <div class="btm_icon clearfix">
                                <volist name="vo.label_names" id="vo_label_name">
                                    <span>{$vo_label_name}</span>
                                </volist>
                                <span class="timer">{:time_format($vo['post_date'])}</span>
                                <span class="name">{$vo.post_author_name}</span>
                            </div>
                        </div>
                    </div>
                </a>
            </volist>
        </div>
    </if>

    <!--线下活动-->
    <if condition="!empty($activitys)">
        <h3 class="special_title" id="tab5">线下活动</h3>
        <div class="special_activity">
            <volist name="activitys" id="vo">
                <a href="{$vo.link_addr}">
                    <div class="special_activity_item">
                        <div class="img_ground">
                            <img src="{:sp_get_asset_upload_path($vo['thumb']['thumb'])}" alt="">
                        </div>
                        <div class="text">
                            <p class="name">{$vo.form_type_name}</p>
                            <h3 class=" ellipsis2">{$vo.name}</h3>
                        </div>
                    </div>
                </a>
            </volist>
        </div>
    </if>
</div>
<!--页脚-->
<tc_include file="Public:footer"/>

<script type="text/javascript" src="__TMPL__Public/assets/js/jquery.1.12.4.js"></script>
<script src="__TMPL__Public/assets/js/bootstrap.min.js"></script>
<!--专栏导航位置计算-->
<script>
    $(function () {
        var pageTop = $(".special_nav").offset().top;
        $(window).scroll(function(){
            var scrollTop = $(window).scrollTop();
            if (pageTop <= scrollTop ) {
                $(".special_nav").addClass("special_nav_avtive");
            }else {
                $(".special_nav").removeClass("special_nav_avtive");
            }
        });
    })
</script>
</body>
</html>